<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta data-vue-meta-info="true" name="keyWords"
          content="云图智联教育官网IT培训实战派优课程,IT教育,Java全栈工程师课程,大数据课程,UI/UE设计课程,产品经理课程,Web前端课程,HTML5开发,AI人工智能,Python人工智能课程,区块链课程,Oracle数据库,Mysql数据库,Vue,docker。">
    <meta data-vue-meta-info="true" name="description"
          content="云图智联教育官网是北京云图智联教育科技有限责任公司旗下的在线学习平台；每套课程历经我们数月的精雕细琢，每个社群都是理论知识的实践战场。老师将理论和实战中的精华,带给渴望学习真正IT商业实战项目知识的你，希望能够帮你提升IT职场核心硬核实战能力。加入我们，根据自身特点选择适合自己的老师，通过系统课程学习，领悟一线实战老师的实际操盘方法，达到自己在IT技能职业规划的目标,VIP制定CTO成长计划，在实操中学习，学习中长期持续职场竞争力，最终成为行业中的优秀CTO、架构师，实现用技术改变生活的愿景。">
    <meta data-vue-meta-info="true" name="description" content="Author : MrWang - 云图智联高级讲师,项目经理">
    <!--
    基础选择器:
        标签  类class id
    层次选择器:
        后代   子代  相邻  通用(同辈)
    结构伪类:
        :nth-of-type()
    属性:
        标签[属性=属性值]   大量的超链接a





    -->

    <style>
        /* 超链接伪类选择器 :
        样式选择:
            如果给a标签设置这四种状态,必须按照顺序设置
            :link -> :visited -> :hover -> :active

        :hover也经常用于其他标签元素
        */
        /*没有单击时的样式*/
        a:link{
            color: red;
        }
        /*点击之后的样式*/
        a:visited{
            color: green;
        }
        /*鼠标悬浮样式*/
        a:hover{
            color: black;
        }
        /*鼠标按着不松的样式*/
        a:active{
            color: cyan;
        }

        li:hover{
            color: red;
        }
        li{
            list-style: none;/*去掉默认圆点*/
        }
    </style>
</head>
<body>

<a href="../day03/demo1.html">云图智联</a>


<ul>
    <li>无序列表</li>
    <li>无序列表</li>
    <li>无序列表</li>
    <li>无序列表</li>
</ul>
</body>
</html>